<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="MultiplePickers.aspx.cs" Inherits="ColorPicker.FloatingDialog.MultiplePickers" %>
<%@ Register tagprefix="yui" Namespace="ColorPicker" %>
<%@ Register assembly="ColorPicker" namespace="YUI.Controls" tagprefix="Yui" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" >
<head runat="server">
    <title>Multiple pickers</title>
<!-- Combo-handled YUI CSS files: -->
<link rel="stylesheet" type="text/css" href="http://yui.yahooapis.com/combo?2.7.0/build/slider/assets/skins/sam/slider.css&2.7.0/build/colorpicker/assets/skins/sam/colorpicker.css&2.7.0/build/container/assets/skins/sam/container.css&2.7.0/build/logger/assets/skins/sam/logger.css" />
<!-- Combo-handled YUI JS files: -->
<script type="text/javascript" src="http://yui.yahooapis.com/combo?2.7.0/build/yahoo/yahoo-debug.js&2.7.0/build/dom/dom-debug.js&2.7.0/build/event/event-debug.js&2.7.0/build/animation/animation-debug.js&2.7.0/build/dragdrop/dragdrop-debug.js&2.7.0/build/slider/slider-debug.js&2.7.0/build/element/element-debug.js&2.7.0/build/colorpicker/colorpicker-debug.js&2.7.0/build/connection/connection-debug.js&2.7.0/build/container/container-debug.js&2.7.0/build/logger/logger-debug.js"></script>
</head>
<body>
    <form id="form1" runat="server">
    <asp:Label runat="server" ID="Message" />
    <div>
    This example shows two color pickers, rendered in inline windows. by default they are both hidden (See the IsHidden property). <br />
    Notice that the LoadYui property is set to false. Instead, YUI is loaded manually as two includes - one for the CSS and one for the JS files.<br />
    Picker 1 is non-modal and also shows the nearest web-safe colors  <br />
    Picker 2 has a modal behavior. <br />
    Both pickers are initially hidden.
    
    <yui:ColorPicker 
      ID="YuiColorPicker1" 
      runat="server" 
      ColorPickerMode="FloatingDialog"
      ModalBehavior="false"   
      ShowWebSafe="true"   
      EnableAnimation="true"
      OnColorChanged="YuiColorPicker_ColorChanged"
      LoadYui="false"
      IsHidden="true"
        />
    
    <yui:ColorPicker 
      ID="YuiColorPicker2" 
      runat="server" 
      ColorPickerMode="FloatingDialog"
      ModalBehavior="true"      
      OnValueChanged="YuiColorPicker_ColorChanged"
      LoadYui="false"
      IsHidden="true"
        />        
        
    </div>
    
    <asp:Button ID="Button1" runat="server" Text="Postback" OnClick="Btn_Click"  />
    
    <input type="button" ID="btnShow" runat="server" value="Show 1" />
    <input type="button" ID="btnHide" runat="server" value="Hide 1" />
    <input type="button" ID="btnShow2" runat="server" value="Show 2" />
    <input type="button" ID="btnHide2" runat="server" value="Hide 2" />
    <input type="button" ID="btnGetValue" runat="server" value="Show Value 1" />
    <input type="button" ID="btnGetValue2" runat="server" value="Show Value 2" />
    </form>
</body>
</html>